<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>


<!DOCTYPE html>
<html>
<head>
<%-- <%@ include file="/common/links.jsp"%> --%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${ctx}/scripts/jquery-resize/jquery.ba-resize.js"></script>
<script type="text/javascript">
	//<![CDATA[

	var gridIdString = "#list";

	jQuery(document).ready(
			function() {

				grid = jQuery(gridIdString);
				grid.jqGrid({
					url : "demoEntityGrid",
					datatype : "json",
					mtype : "GET",
					colModel : [ {
						name : 'demoId',
						index : 'id',
						align : 'center',
						label : '<s:text name="demoEntity.demoId" />',
						hidden : false,
						key : true
					}, {
						name : 'intField',
						index : 'intField',
						align : 'center',
						label : '<s:text name="demoEntity.intField" />',
						sorttype : 'int',
						editable : true,
						editrules : {
							number : true
						}
					}, {
						name : 'longField',
						index : 'longField',
						align : 'center',
						label : '<s:text name="demoEntity.longField" />'
					}, {
						name : 'shortField',
						index : 'shortField',
						align : 'center',
						label : '<s:text name="demoEntity.shortField" />'
					}, {
						name : 'booleanField',
						index : 'booleanField',
						align : 'center',
						label : '<s:text name="demoEntity.booleanField" />',
						editable : true
					}, {
						name : 'charField',
						index : 'charField',
						align : 'center',
						label : '<s:text name="demoEntity.charField" />',
						editable : true
					}, {
						name : 'floatField',
						index : 'floatField',
						align : 'center',
						label : '<s:text name="demoEntity.floatField" />',
						editable : true
					}, {
						name : 'doubleField',
						index : 'doubleField',
						align : 'center',
						label : '<s:text name="demoEntity.doubleField" />',
						editable : true
					}, {
						name : 'byteField',
						index : 'byteField',
						align : 'center',
						label : '<s:text name="demoEntity.byteField" />',
						editable : true
					}, {
						name : 'intObjField',
						index : 'intObjField',
						align : 'center',
						label : '<s:text name="demoEntity.intObjField" />',
						editable : true
					}, {
						name : 'longObjField',
						index : 'longObjField',
						align : 'center',
						label : '<s:text name="demoEntity.longObjField" />',
						editable : true
					}, {
						name : 'shortObjField',
						index : 'shortObjField',
						align : 'center',
						label : '<s:text name="demoEntity.shortObjField" />',
						editable : true
					}, {
						name : 'byteObjField',
						index : 'byteObjField',
						align : 'center',
						label : '<s:text name="demoEntity.byteObjField" />',
						editable : true
					}, {
						name : 'booleanObjField',
						index : 'booleanObjField',
						align : 'center',
						label : '<s:text name="demoEntity.booleanObjField" />',
						editable : true
					}, {
						name : 'charObjField',
						index : 'charObjField',
						align : 'center',
						label : '<s:text name="demoEntity.charObjField" />',
						editable : true
					}, {
						name : 'floatObjField',
						index : 'floatObjField',
						align : 'center',
						label : '<s:text name="demoEntity.floatObjField" />',
						editable : true
					}, {
						name : 'doubleObjField',
						index : 'doubleObjField',
						align : 'center',
						label : '<s:text name="demoEntity.doubleObjField" />',
						editable : true
					}, {
						name : 'dateField',
						index : 'dateField',
						align : 'center',
						label : '<s:text name="demoEntity.dateField" />',
						editable : true
					}, {
						name : 'stringField',
						index : 'stringField',
						align : 'center',
						label : '<s:text name="demoEntity.stringField" />',
						editable : true
					}, {
						name : 'bigDecimalField',
						index : 'bigDecimalField',
						align : 'center',
						label : '<s:text name="demoEntity.bigDecimalField" />',
						editable : true
					}, {
						name : 'timestampField',
						index : 'timestampField',
						align : 'center',
						label : '<s:text name="demoEntity.timestampField" />',
						editable : true
					} ],

					jsonReader : {
						root : "pageList", // (2)
						page : "page",
						total : "total",
						records : "records", // (3)
						repeatitems : false
					// (4)
					},

					prmNames : {
						page : "page",
						rows : "pagesize",
						sort : "sortname",
						order : "sortorder"
					},
					rowNum : 10,
					rowList : [ 5, 10, 20, 50, 100, 200 ],
					pager : '#pager',
					rownumbers : true,
					sortname : 'demoId',
					sortorder : 'desc',
					caption : '<s:text name="demoEntityList.title" />',
					height : "900",
					//width : 800,
					autowidth : false,
					// loadui: "disable",
					multiselect : true,
					multiboxonly : true,
					hidegrid : false,
					gridComplete : function() {
						if (jQuery(this).getDataIDs().length > 0) {
							jQuery(this).jqGrid('setSelection',
									jQuery(this).getDataIDs()[0]);//默认选中第一行
						}
					},
					loadComplete : function() {
						resizeJqGrid($(this));
					}

				});

				//jQuery(grid).jqGrid('bindKeys');

				jQuery(grid).jqGrid('navGrid', '#pager', {
					edit : false,
					add : false,
					del : false,
					search:false,
					excel : false
				}, {}, {}, {}, {
					multipleSearch : false,
					multipleGroup : false
				});
				
			});

</script>
</head>
<body>
	<!-- <div class="pageHeader">header</div> -->
	<div class="pageContent" >
		<!-- <div class="panelBar">
		</div> -->
		<table id="list"></table>
		<div id="pager"></div>
	</div>
	<!-- <div class="panelBar"></div> -->
</body>
</html>